import { PureComponent } from "react";
import { Button, Modal,ActivityIndicator,InputItem,Radio,List,Icon,Tabs ,Badge } from "antd-mobile"
import { connect } from 'dva';
import { handleImg, goToPage,isNull } from "../../utils/helper";
import MToast from '../../components/Util/MToast';
import { Row, Col,Select,} from 'antd';
import {IntlProvider, addLocaleData,FormattedMessage} from 'react-intl';
import 'antd/dist/antd.css'; // or 'antd/dist/antd.less'
import localeData from '../../../public/lang/data.json';
const RadioItem = Radio.RadioItem;
const alert = Modal.alert;
@connect(() => {
  return ({

  })
})
export default class PrivacyCus extends PureComponent{
  constructor(props){
    super(props);
    this.state = {

    }
  }
  componentWillMount(){
    let {dispatch,location} = this.props;
    dispatch({
      type: "global/setHeaderTitle",
      payload: {
        title: localeData[localStorage.locale].retailTitle18,
        path: location.pathname + location.search
      }
    });

  }

  render(){
    let {dispatch} = this.props;
    let {modal1,value,value2} = this.state;
    const messages = localeData[localStorage.locale];
    const radioStyle = {
      display: 'block',
      height: '30px',
      lineHeight: '30px',
    };
    const tabs = [

      { title: <div><img src="image/Italy.png" style={{marginRight:'20px'}}/>IT</div>,sub:'0' },
      { title: <div><img src="image/china.png" style={{marginRight:'20px'}}/>中文</div>,sub:'1' },
    ];
    const data=[{value:0,image:'image/Paypal.png',label:'Paypal'}]
    const data2=[{value:1,image:'image/selfWay.png',label:'Paga al negozio'}]
    return(
      <IntlProvider
        locale={ localStorage.locale } messages={messages}
      >
        <div style={{height:"100%",position: 'relative',background:'#fff'}}>
          <div style={{paddingTop:'10%'}}>
              <div style={{color:'#606266',fontSize:'14px' }}>
                <div style={{padding:"16px",width:'100%'}}>


                  <p> INFORMATIVA AI SENSI DEL NUOVO REGOLAMENTO EUROPEO PRIVACY GDPR EU 2016/679

                    In  osservanza  a  quanto  disposto  dal  nuovo  Regolamento  Europeo  GDPR  EU

                    2016/679</p>
                  <p>in  materia  di  sicurezza  dei  dati  personali,  si  forniscono  le  seguenti

                    informazioni relative al trattamento de suoi dati indicati nel presente modello e si

                    mettono a conoscenza delle finalità per le quali sono trattati.</p>

                  <p> FINALITÀ DEL TRATTAMENTO</p>
                  <p> Il trattamento dei dati viene effettuato per: gestione della contabilità ed emissione</p>
                  <p>dei documenti contabili e rilascio VIPCARD MELA VERDE che dà diritto ad eventuali</p>
                  <p>sconti stabiliti ad insindacabile giudizio della direzione di MELA VERDE SRLS.</p>
                  <p>MODALITÀ DEL TRATTAMENTO</p>
                  <p>Il trattamento sarà effettuato con l’ausilio dei moderni sistemi informatici e in forma manuale, ad opera di “persone autorizzata”

                    a tal fine.</p>

                  <p>AMBITO DI COMUNICAZIONE E DIFFUSIONE</p>

                  <p> I suoi dati personali non saranno comunicati a terzi e non saranno in alcun modo oggetto di diffusione o comunicazione al di fuori

                    dell’azienda.</p>

                  <p>NATURA DEL CONFERIMENTO</p>

                  <p> Il conferimento dei dati è per lei necessario per l’assolvimento di obblighi contabili e  fiscali. L’eventuale non comunicazione, o

                    comunicazione errata, di una delle informazioni obbligatorie, avrà come conseguenza:</p>

                  <p> La  possibile mancata  corrispondenza  dei  risultati  del  trattamento  stesso  agli  obblighi  imposti  della  normativa  fiscale,

                    amministrativa o del lavoro cui esso è indirizzato.</p>

                  <p>Lei potrà far valere i propri diritti come espressi dagli artt. 13, 15, 16, 17 e 19 del GDPR EU 2016/679, rivolgendosi al “titolare del

                    trattamento”  di  MELA  VERDE  SRLS  sig.  Zheng  Weijun  attraverso  una  email  a  melaverde168@gmail.com  o  attraverso

                    raccomandata A/R indirizzata a MELA VERDE SRLS Responsabile Privacy sig. Zheng Weijun – Via Roma, 103 – 35040 Boara Pisani

                    (PD).</p>

                  <p>CONSENSO DELL’INTERESSATO</p>

                  <p>Il sottoscritto interessato, con la firma apposta in calce alla presente, attesta il proprio libero consenso affinché il titolare proceda
                    ai trattamenti dei propri dati personali come risultanti dalla presente scheda informativa e per i fini indicati alle voci sopraelencate,

                    riservandosi in qualsiasi momento di richiederne la cancellazione secondo quanto previsto dall’art. 17 del GDPR EU 2016/679. La

                    ditta conserverà esclusivamente NOME, COGNOME e CODICE FISCALE per mantenere lo storico degli ordini in caso di verifica di

                    eventuali pezzi o componenti di ricambio nel tempo. Qualsiasi altro dato, in virtù dell’art. 17 del GDPR EU 2016/679 sarà cancellato.</p>
                </div>



              </div>


          </div>
          </div>
      </IntlProvider>
    )
  }
}

